<!DOCTYPE html>
<!-- release v4.4.8, copyright 2014 - 2018 Kartik Visweswaran -->
<!--suppress JSUnresolvedLibraryURL -->
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <title>Krajee JQuery Plugins - &copy; Kartik</title>
	<link rel="stylesheet" href="../../../bootstrap/css/bootstrap.min.css">
    <link href="../css/fileinput.css" media="all" rel="stylesheet" type="text/css"/>
    <link href="../css/font-awesome.min.css" media="all" rel="stylesheet" type="text/css"/>
    <link href="../themes/explorer-fa/theme.css" media="all" rel="stylesheet" type="text/css"/>
	<script src="../../../js/jquery.min.js"></script>
    <script src="../js/plugins/sortable.js" type="text/javascript"></script>
    <script src="../js/fileinput.js" type="text/javascript"></script>
    <script src="../js/locales/zh.js" type="text/javascript"></script>
    <script src="../themes/explorer-fa/theme.js" type="text/javascript"></script>
	<script src="../../../bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
	
</head>
<body>
<div class="container kv-main">

            <input id="kv-explorer" type="file" multiple>
</div>
</body>
<script>
    /*
     $('#file-4').on('fileselectnone', function() {
     alert('Huh! You selected no files.');
     });
     $('#file-4').on('filebrowse', function() {
     alert('File browse clicked for #file-4');
     });
     */
    $(document).ready(function () {
        $("#kv-explorer").fileinput({
            theme: 'explorer-fa',
            uploadUrl: 'www.baidu.com',
			language: 'zh',
			showCaption: false,
			uploadAsync: true,
			showAjaxErrorDetails: false,
			//allowedFileTypes: ['jpg', 'gif', 'png', 'pdf', 'docx'],   //接收的文件后缀，如['jpg', 'gif', 'png'],不填将不限制上传文件后缀类型
            overwriteInitial: false,
            initialPreviewAsData: false
        });
		
		
    });
</script>
</html>